Quarter View
   HOME

TheInfoList



OR:

Isometric projection is a method for visually representing three-dimensional objects in two dimensions in
technical Technical may refer to: * Technical (vehicle), an improvised fighting vehicle * Technical analysis, a discipline for forecasting the future direction of prices through the study of past market data * Technical drawing, showing how something is co ...
and
engineering drawing An engineering drawing is a type of technical drawing that is used to convey information about an object. A common use is to specify the geometry necessary for the construction of a component and is called a detail drawing. Usually, a number of ...
s. It is an
axonometric projection Axonometric projection is a type of orthographic projection used for creating a pictorial drawing of an object, where the object is rotated around one or more of its axes to reveal multiple sides.Gary R. Bertoline et al. (2002) ''Technical Graphi ...
in which the three
coordinate axes A Cartesian coordinate system (, ) in a plane is a coordinate system that specifies each point uniquely by a pair of numerical coordinates, which are the signed distances to the point from two fixed perpendicular oriented lines, measured in t ...
appear equally foreshortened and the angle between any two of them is 120 degrees.


Overview

The term "isometric" comes from the
Greek Greek may refer to: Greece Anything of, from, or related to Greece, a country in Southern Europe: *Greeks, an ethnic group. *Greek language, a branch of the Indo-European language family. **Proto-Greek language, the assumed last common ancestor ...
for "equal measure", reflecting that the scale along each axis of the projection is the same (unlike some other forms of
graphical projection A 3D projection (or graphical projection) is a design technique used to display a three-dimensional (3D) object on a two-dimensional (2D) surface. These projections rely on visual perspective and aspect analysis to project a complex object fo ...
). An isometric view of an object can be obtained by choosing the viewing direction such that the angles between the projections of the ''x'', ''y'', and ''z''
axes Axes, plural of ''axe'' and of ''axis'', may refer to * ''Axes'' (album), a 2005 rock album by the British band Electrelane * a possibly still empty plot (graphics) See also *Axess (disambiguation) *Axxess (disambiguation) Axxess may refer to: ...
are all the same, or 120°. For example, with a cube, this is done by first looking straight towards one face. Next, the cube is rotated ±45° about the vertical axis, followed by a rotation of approximately 35.264° (precisely arcsin or arctan , which is related to the
Magic angle The magic angle is a precisely defined angle, the value of which is approximately 54.7356°. The magic angle is a root of a second-order Legendre polynomial, , and so any interaction which depends on this second-order Legendre polynomial vanishes ...
) about the horizontal axis. Note that with the cube (see image) the perimeter of the resulting 2D drawing is a perfect regular hexagon: all the black lines have equal length and all the cube's faces are the same area. Isometric
graph paper Graph paper, coordinate paper, grid paper, or squared paper is writing paper that is printed with fine lines making up a regular grid. The lines are often used as guides for plotting graphs of functions or experimental data and drawing curves. I ...
can be placed under a normal piece of drawing paper to help achieve the effect without calculation. In a similar way, an ''isometric view'' can be obtained in a 3D scene. Starting with the camera aligned parallel to the floor and aligned to the coordinate axes, it is first rotated vertically (around the horizontal axis) by about 35.264° as above, then ±45° around the vertical axis. Another way isometric projection can be visualized is by considering a view within a cubical room starting in an upper corner and looking towards the opposite, lower corner. The ''x''-axis extends diagonally down and right, the ''y''-axis extends diagonally down and left, and the ''z''-axis is straight up. Depth is also shown by height on the image. Lines drawn along the axes are at 120° to one another. In all these cases, as with all axonometric and orthographic projections, such a camera would need a object-space telecentric lens, in order that projected lengths not change with distance from the camera. The term "isometric" is often mistakenly used to refer to axonometric projections, generally. There are, however, actually three types of axonometric projections: ''isometric'', '' dimetric'' and ''
oblique Oblique may refer to: * an alternative name for the character usually called a slash (punctuation) ( / ) * Oblique angle, in geometry *Oblique triangle, in geometry *Oblique lattice, in geometry * Oblique leaf base, a characteristic shape of the b ...
''.


Rotation angles

From the two angles needed for an isometric projection, the value of the second may seem counterintuitive and deserves some further explanation. Let’s first imagine a cube with sides of length 2, and its center at the axis origin, which means all its faces intersect the axes at a distance of 1 from the origin. We can calculate the length of the line from its center to the middle of any edge as using
Pythagoras' theorem In mathematics, the Pythagorean theorem or Pythagoras' theorem is a fundamental relation in Euclidean geometry between the three sides of a right triangle. It states that the area of the square whose side is the hypotenuse (the side opposite ...
. By rotating the cube by 45° on the ''x''-axis, the point (1, 1, 1) will therefore become (1, 0, ) as depicted in the diagram. The second rotation aims to bring the same point on the positive ''z''-axis and so needs to perform a rotation of value equal to the
arctangent In mathematics, the inverse trigonometric functions (occasionally also called arcus functions, antitrigonometric functions or cyclometric functions) are the inverse functions of the trigonometric functions (with suitably restricted domains). Spec ...
of which is approximately 35.264°.


Mathematics

There are eight different orientations to obtain an isometric view, depending into which octant the viewer looks. The isometric transform from a point ''a'' in 3D space to a point ''b'' in 2D space looking into the first octant can be written mathematically with rotation matrices as: : \begin \mathbf_x \\ \mathbf_y \\ \mathbf_z \\ \end=\begin 1 & 0 & 0 \\ 0 & & \\ 0 & & \\ \end\begin & 0 & \\ 0 & 1 & 0 \\ & 0 & \\ \end\begin \mathbf_x \\ \mathbf_y \\ \mathbf_z \\ \end=\frac\begin \sqrt & 0 & -\sqrt \\ 1 & 2 & 1 \\ \sqrt & -\sqrt & \sqrt \\ \end\begin \mathbf_x \\ \mathbf_y \\ \mathbf_z \\ \end where ''α'' = arcsin(tan 30°) ≈ 35.264° and ''β'' = 45°. As explained above, this is a rotation around the vertical (here ''y'') axis by ''β'', followed by a rotation around the horizontal (here ''x'') axis by ''α''. This is then followed by an orthographic projection to the ''xy''-plane: : \begin \mathbf_x \\ \mathbf_y \\ 0 \\ \end= \begin 1 & 0 & 0 \\ 0 & 1 & 0 \\ 0 & 0 & 0 \\ \end\begin \mathbf_x \\ \mathbf_y \\ \mathbf_z \\ \end The other 7 possibilities are obtained by either rotating to the opposite sides or not, and then inverting the view direction or not.


History and limitations

First formalized by Professor
William Farish William Farish may refer to: Senin varyoxunu... Dalbayov Gicdıllaq * William Farish (chemist) (1759–1837), tutor at the University of Cambridge * William Stamps Farish I (1843–1899) * William Stamps Farish II (1881–1942), Standard Oil preside ...
(1759–1837), the concept of
isometry In mathematics, an isometry (or congruence, or congruent transformation) is a distance-preserving transformation between metric spaces, usually assumed to be bijective. The word isometry is derived from the Ancient Greek: ἴσος ''isos'' mea ...
had existed in a rough empirical form for centuries.Charles Edmund Moorhouse (1974). ''Visual messages: graphic communication for senior students''. From the middle of the 19th century, isometry became an "invaluable tool for engineers, and soon thereafter axonometry and isometry were incorporated in the curriculum of architectural training courses in Europe and the U.S."J. Krikke (1996).
A Chinese perspective for cyberspace?
". In: ''International Institute for Asian Studies Newsletter'', 9, Summer 1996.
According to Jan Krikke (2000)Jan Krikke (2000). "Axonometry: a matter of perspective". In: ''Computer Graphics and Applications, IEEE'' Jul/Aug 2000. Vol 20 (4), pp. 7–11. however, "axonometry originated in China. Its function in Chinese art was similar to
linear perspective Linear or point-projection perspective (from la, perspicere 'to see through') is one of two types of 3D projection, graphical projection perspective in the graphic arts; the other is parallel projection. Linear perspective is an approximate r ...
in European art. Axonometry, and the pictorial grammar that goes with it, has taken on a new significance with the advent of visual computing". As with all types of
parallel projection In three-dimensional geometry, a parallel projection (or axonometric projection) is a projection of an object in three-dimensional space onto a fixed plane, known as the ''projection plane'' or '' image plane'', where the ''rays'', known as '' li ...
, objects drawn with isometric projection do not appear larger or smaller as they extend closer to or away from the viewer. While advantageous for architectural drawings where measurements need to be taken directly, the result is a perceived distortion, as unlike
perspective projection Linear or point-projection perspective (from la, perspicere 'to see through') is one of two types of graphical projection perspective in the graphic arts; the other is parallel projection. Linear perspective is an approximate representation, ...
, it is not how
human vision Visual perception is the ability to interpret the surrounding environment through photopic vision (daytime vision), color vision, scotopic vision (night vision), and mesopic vision (twilight vision), using light in the visible spectrum reflec ...
or photography normally work. It also can easily result in situations where depth and altitude are difficult to gauge, as is shown in the illustration to the right or above. This can appear to create paradoxical or impossible shapes, such as the
Penrose stairs The Penrose stairs or Penrose steps, also dubbed the impossible staircase, is an impossible object created by Oscar Reutersvärd in 1937 and later independently discovered and made popular by Lionel Penrose and his son Roger Penrose. A variatio ...
.


Usage in video games and pixel art

Isometric video game graphics are graphics employed in
video games Video games, also known as computer games, are electronic games that involves interaction with a user interface or input device such as a joystick, game controller, controller, computer keyboard, keyboard, or motion sensing device to gener ...
and
pixel art Pixel art () is a form of digital art drawn with graphics software, graphical software where images are built using pixels as the only building block. It is widely associated with the low-resolution graphics from 8-bit and 16-bit era computers a ...
that utilize a
parallel projection In three-dimensional geometry, a parallel projection (or axonometric projection) is a projection of an object in three-dimensional space onto a fixed plane, known as the ''projection plane'' or '' image plane'', where the ''rays'', known as '' li ...
, but which angle the viewpoint to reveal facets of the environment that would otherwise not be visible from a
top-down perspective A variety of computer graphic techniques have been used to display video game content throughout the history of video games. The predominance of individual techniques have evolved over time, primarily due to hardware advances and restrictions ...
or
side view Side or Sides may refer to: Geometry * Edge (geometry) of a polygon (two-dimensional shape) * Face (geometry) of a polyhedron (three-dimensional shape) Places * Side (Ainis), a town of Ainis, ancient Thessaly, Greece * Side (Caria), a town of ...
, thereby producing a three-dimensional effect. Despite the name, isometric computer graphics are not necessarily truly isometric—i.e., the , , and axes are not necessarily oriented 120° to each other. Instead, a variety of angles are used, with
dimetric projection Axonometric projection is a type of orthographic projection used for creating a pictorial drawing of an object, where the object is rotated around one or more of its axes to reveal multiple sides.Gary R. Bertoline et al. (2002) ''Technical Graphi ...
and a 2:1 pixel ratio being the most common. The terms " perspective", " view", " 2.5D", and "pseudo 3D" are also sometimes used, although these terms can bear slightly different meanings in other contexts. Once common, isometric projection became less so with the advent of more powerful
3D graphics 3D computer graphics, or “3D graphics,” sometimes called CGI, 3D-CGI or three-dimensional computer graphics are graphics that use a three-dimensional representation of geometric data (often Cartesian) that is stored in the computer for the ...
systems, and as video games began to focus more on action and individual characters. However, video games utilizing isometric projection—especially
computer role-playing game A role-playing video game (commonly referred to as simply a role-playing game or RPG, as well as a computer role-playing game or CRPG) is a video game genre where the player controls the actions of a character (or several party members) immers ...
s—have seen a resurgence in recent years within the
indie gaming An indie game, short for independent video game, is a video game typically created by individuals or smaller development teams without the financial and technical support of a large game publisher, in contrast to most "AAA" (triple-A) games. ...
scene.


See also

*
Graphical projection A 3D projection (or graphical projection) is a design technique used to display a three-dimensional (3D) object on a two-dimensional (2D) surface. These projections rely on visual perspective and aspect analysis to project a complex object fo ...


References


External links


Isometric Projection
{{visualization Graphical projections de:Perspektive#Isometrische Axonometrie, nach DIN 5 it:Assonometria#Assonometria isometrica